
body {
  margin: 20px;
}
.progress {
  margin: 20px;
  color: #c7c7c7;
  position: relative;
}
.progress::after {
  content: attr(data-txt);
  color: #0c6723;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  word-break: keep-all;
  white-space: nowrap;
  width: 0%;
  overflow: hidden;
  transition: width 1s linear;
  background-color: #c8edd1;
  text-shadow: 0px 1px 2px #aed7b8;
}
.progress:hover::after {
  width: 100%;
}
